.form {
	
}
input, textarea {
	line-height: 1em;
	padding: 0.25em 0.3em;
}
select {
	line-height: 1em;
	padding: 0.16em 2px 0.16em 2px;
}
input, textarea, select, optgroup {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	-webkit-box-shadow: inset 0 0 4px #eee;
	-moz-box-shadow: inset 0 0 4px #eee;
	box-shadow: inset 0 0 4px #eee;
}
optgroup {
	font-style:normal;
	font-weight:bold;
}
input, textarea, select {
	border:1px solid #aaa;
}
input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover, input:active, select:active, textarea:active {
	border:1px #555 solid;
	background:#fff;
}
input[type="text"].error, textarea.error, select.error, input[type="text"].error:focus, textarea.error:focus, select.error:focus, 
input[type="text"].error:active, textarea.error:active, select.error:active {
	border: 1px #a00 solid !important;
	color: #600;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button {
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	color: #333 !important;
	cursor: pointer;
	font: normal 1em/2em Verdana, Helvetica, sans-serif;
	margin: 0 0.4em 0 0;
	padding: 0 1em;
	overflow: visible; /* removes extra side spacing in IE */
	text-decoration: none !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small, .smallbutton {
	font-size:11px;
	line-height:20px;
	margin-left:5px;
}
input[type="checkbox"], input[type="radio"] {
	border:0;
	padding:0;
	margin: 0 0.5em 0 0;	
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {
	background-color: #ddd;
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active {
	background-color: #bbb;
	background-image: -webkit-linear-gradient(top, #ccc, #bbb);
	background-image: -moz-linear-gradient(top, #ccc, #bbb);
	background-image: -ms-linear-gradient(top, #ccc, #bbb);
	background-image: -o-linear-gradient(top, #ccc, #bbb);
	background-image: linear-gradient(top, #ccc, #bbb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
	box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
	position: relative;
	top: 1px;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus {
	outline: 0;
	background: #fafafa;
}
button:before, .button:before {
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
	pointer-events: none;
}

.add:before { content: "\271A"; }
.delete:before { content: "\2718"; }
.edit:before { content: "\270E"; }
.email:before { content: "\2709"; }
.like:before { content: "\2764"; }
.next:before { content: "\279C"; }
.play:before { content: "\25B6"; }
.save:before { content: "\2714"; }
.spark:before { content: "\2737"; }
.star:before { content: "\2605"; }

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
	padding: .4em;
}
button[disabled], button[disabled]:hover, input[type=button][disabled], input[type=button][disabled]:hover, 
input[type=reset][disabled], input[type=reset][disabled]:hover, input[type=submit][disabled], input[type=submit][disabled]:hover,
.button.disabled, .button.disabled:hover {
	background: #eee;
	color: #aaa !important;
	border-color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
* html .button, * html button {
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	color: #333 !important;
	cursor: pointer;
	font: normal 1em/2em Arial, Helvetica;
	margin: 1.5em 0.75em 0 0;
	padding: 0 1.5em;
	overflow: visible; /* removes extra side spacing in IE */
	text-decoration: none !important;
}
* html button:focus, * html .button:focus {
	outline: 0;
	background: #fafafa;
}
* html button:hover, * html .button:hover {
	background-color: #ddd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}
* html button:active, * html .button:active {
	background-color: #bbb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
	position: relative;
	top: 1px;
}
* html .button.disabled, * html .button.disabled:hover {
	background: #eee;
	color: #aaa !important;
	border-color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
}
